<template>
  <div class="page rule">
    <p class="title">五四有识青年</p>
    <ul>
      <li><span>活动时间：</span>>2019年 4月29日 - 5月12日</li>
      <li><span>参与方式：</span>活动期间（周一到周日）每人每天限答题一次，每天10题。活动最终解释权归乐摇所有</li>
      <li><span>答题计分：</span>每道题目限时40秒回答，一题积分1,00分，随着时间每减少1秒，分值降低2分，答对可获得100-用时x2的分值，答错或者时间耗尽不得分。每日积分最高1000分。活动最高总积分10000分。
      </li>
      <li><span>抽奖规则：</span>每200或500分抽奖一次，200分抽奖单次最高可获得2元奖励。500分抽奖单次最高可获得10元奖励。中奖率及中奖金额为完全随机，请各位同学踊跃参与。</li>
      <li><span>奖金领取：</span>每日奖金请在“五四有识青年”活动页面点击领赏按钮进入乐摇领取奖金。</li>
      <li><span>信息安全：</span>信息由乐摇后台记录，用作发奖核对和联系，将会保证各位同学的信息安全，请各位同学放心。</li>
      <li>活动最终解释权归乐摇所有</li>
    </ul>
    <img
      class="backHome"
      @click="backHome"
      src="../assets/img/backHome.png"
      alt=""
    >
  </div>
</template>

<script>
export default {
  name: 'rule',
  methods: {
    backHome () {
      this.$router.replace({ name: 'home' });
    }
  }
}
</script>

<style lang="less" scoped>
.rule {
  padding: 0;
  display: block;
  background-color: #d3db7d;
  img {
    position: relative;
  }
}
.title {
  margin: 0.5rem auto;
  font-size: 0.42rem;
  text-align: center;
}
ul {
  padding: 0px 50px;
  li {
    margin-bottom: 0.2rem;
    line-height: 0.44rem;
    font-size: 0.24rem;
    span {
      font-weight: bold;
    }
  }
}
.backHome {
  width: 2.13rem;
  height: 0.72rem;
}
</style>

